{% extends "base.html" %}

{% block title %}iCoach - Admin{% endblock %}

{% block content %}
    <div class="admin">        
        <div class="ad_top"><h3>Reminders</h3></div>
        <div class="ad_middle">
			<a href="#" class="newLink">New</a>
			<!--<button id="create-user" class="ui-button ui-state-default ui-corner-all">Create new user</button>-->
			<br />
			<div>
				<form name="newForm" method="post">
					<table class="newTable">
						<tr><td>Title:</td>
						<td><textarea name="title" cols="15" rows="3"/>Enter some text here...</textarea></td></tr>
						<tr><td>Labels:</td><td><input type="text" name="labels" /></td></tr>
						<tr><td>Starts:</td><td><input type="text" name="starts" class="starts" /></td></tr>
						<tr><td>Ends:</td><td><input type="text" name="ends" class="ends" /></td></tr>
						<tr><td>Time:</td><td><input type="text" name="time" class="time" /></td></tr>
						<tr><td>Repeats:</td>
							<td><select name="repeats">
									<option>Once</option>
									<option>Daily</option>
									<option>Weekly</option>
									<option>Yearly</option></select>
							</td></tr>					
					</table>
					<br/>
					<input type="submit" value="Add Reminder" />			
				</form>
			</div>
			<br/>			
        	<table class="msgs">
        		<th>Title</th>
				<th>Labels</th>
				<th>Starts</th>
				<th>Ends</th>
				<th>Time</th> 
				<th>Repeats</th>                                      
				{% for q in query%}
				    <tr>
				    	<td>{{ q.title }}</td>
						<td>{{ q.labels }}</td>
						<td>{{ q.starts }}</td>
						<td>{{ q.ends }}</td>
						<td>{{ q.time }}</td>
						<td>{{ q.repeats }}</td>
					</tr>
				{% endfor %}
			</table>
			
			<!--onclick: add show update button-->           	                         
        <div class="ad_bottom"></div>                                     
    </div>
    
    <div class="col3">
        <h3 style="color: #014586; padding-bottom: 20px;">More Details on iCoach</h3>
        <img alt="picture1" src="/media/img/pic_1.jpg" />
        <p><a href="">Maecenas eget magna leo, et</a> aliquet metus. Donec in eros purus.
           Phasellus nunc nunc, dapibus ac lobortis non, mollis eu nulla.</p>
        <img alt="picture2" src="/media/img/pic_2.jpg" />
        <p><a href="">Maecenas eget magna leo, et</a> aliquet metus. Donec in eros purus.
           Phasellus nunc nunc, dapibus ac lobortis non, mollis eu nulla.</p>
    </div>                                 
{% endblock %}  